import { LoginButton } from '@/components/auth/login-button';
import { Button } from '@/components/ui/button';

const AuthPage = () => {
    return (
        <main
            className="flex h-full w-full flex-col items-center justify-center 
            bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))]
            from-gray-200 to-blue-800"
        >
            <div className="space-y-6 text-center">
                <h1 className="text-6xl font-semibold text-white drop-shadow-md">
                    🔐 Auth
                </h1>
                <p className="text-white text-lg">Authentication System.</p>
                <div>
                    <LoginButton>
                        <Button variant="secondary" size="lg">
                            Sign In
                        </Button>
                    </LoginButton>
                </div>
            </div>
        </main>
    );
};

export default AuthPage;
